<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Insert title here</title>
		<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function($){
				
				$("#area-head li").hover(function(){
					$(this).find("li").show();
					console.log("show");
				},function(){
					$(this).find("li").hide();
					console.log("hide");
				});
				
			});
		</script>
		<style type="text/css">
		body{
			font-size: 14px;
			margin: 0px;
			padding: 0px;			
		}
		#area-head{
			font-family: sans-serif;
			height: 2em;
			position: relative;
		}
		#area-head ul{
			color: #298CDA;
			display: block;
			list-style: none;
			overflow: hidden;
			padding: 0;
		}
		#area-head ul li{
			display: block;
			float: left;
			background-color: #F7F8F9;				
		}
		#area-head ul li a{	
				
			color: #298CDA;
			display: block;
			padding: 0.5em 1em 0.5em 1em;
			text-decoration: none;		
			transition: all .8s;
			-webkit-transition: all .8s;
			-moz-transition: all .8s;
			-o-transition: all .8s;
			-ms-transition: all .8s;
			width: 12em;
			
		}
		#area-head ul li a:hover{
			color: #298CDA;
			background-color: #ebeced;			
		}		
		#area-head ul ul li{
			display: none;
			float: none;
		}
		</style>
	</head>
	<body>
		<section id="area-head">
			<div>
				<ul>
					<li><a href="">Inicio</a></li>
					<li><a href="">Diagrama</a>
						<ul>
							<li><a href="">Diagrama General</a>
								
							</li>
							<li><a href="">Diagrama General</a></li>
						</ul>
					</li>
					<li><a href="">Esquema</a>
						<ul>
							<li><a href="">Esquema General</a></li>
							<li><a href="">Esquema General</a></li>
						</ul>
					</li>
				</ul>
			</div>
		</section>
		<select id="sele-area">
			<option value="0">Seleccione una empresa</option>
		</select>
		<select id="sele-area">
			<option value="0">Seleccione una empresa</option>
		</select>
		<select id="sele-area">
			<option value="0">Seleccione una empresa</option>
		</select>
	</body>
</html>